<template>
	<div>
		<!-- 下拉列表  输入框 -->
		<div class="row" style="width:100%;">
			<div class="col-xs-4">
				<select class="form-control">
					<option>客户</option>
					<option>备注</option>
					<option>单号</option>
					<option>电话</option>
					<option>订单号</option>
				</select>
			</div>
			<div class="col-xs-7">
				<input class="form-control " type="text" placeholder="请输入客户名称">
			</div>
		</div>
		<!-- 标签 开单 -->
		<div>
			<ul class="list">
				<li><p>总价：￥0</p></li>
				<li>
					<button class="btn btn-mini btn-info">开单</button>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		name: "saleslip"
	}
</script>

<style scoped="scoped">
	ul,li{
		margin:0;
		padding:0;
		list-style:none;
	}
	.list{
		display:flex;
		justify-content: center;
		text-align: center;
		border-bottom: 1px solid lightblue;
		margin-top:10px;
	}
	.list li{
		width:15%;
	}
	.list li:nth-child(1){
		width:70%;
		text-align: left;
	}
	.list li p{
		margin:0;
		padding:0;
		font-size:14px;
		color:lightblue;
	}

</style>

